<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p5_溢出替换为省略号</title>
  <style>
    div{
      background-color:yellow ;
      /* 必须设置所在区域的大小 */
      width: 200px;
      /* 以下三句为组合代码 缺一不可 */
      white-space: nowrap;
      /* 溢出的文字隐藏 */
      overflow: hidden;
      /* 有文字溢出则替换为省略号 */
      text-overflow: ellipsis;
    }
  </style>
</head>
<body>
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam animi atque autem commodi consequatur debitis, deleniti dicta doloremque eaque eius enim eos est et eveniet expedita fuga illum imp
  </div>
</body>
</html>